﻿@{
    Layout = null;
}
@model IEnumerable<GuestResponse>;

<!DOCTYPE html>
<html>
<head>
    <title>系统登录</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="~/lib/twitter-bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="~/lib/admin-lte/css/AdminLTE.min.css" rel="stylesheet" />
    <link href="~/lib/iCheck/skins/square/blue.css" rel="stylesheet" />

</head>
<body class="hold-transition login-page">
    <div class="login-box">
        <div class="login-logo">
            <b>后台管理</b>
        </div>
        <!-- /.login-logo -->
        <div class="login-box-body">
            <p class="login-box-msg">登录</p>
            <table class="table">
                <thead>
                <th>Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Attending</th>
                </thead>
                <tbody>
                    @foreach (GuestResponse r in Model)
                    {
                        <tr>
                            <td class="col">@r.Name</td>
                            <td class="col">@r.Email</td>
                            <td class="col">@r.Phone</td>
                            <td class="col">@(r.WillAttend == true ? "Yes" : "No")</td>
                        </tr>
                    }
                </tbody>
                </table>
                <form action="/Home/Index" method="post">
                    <div class="form-group has-feedback">
                        <input type="text" class="form-control" placeholder="用户名">
                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                    </div>
                    <div class="form-group has-feedback">
                        <input type="password" class="form-control" placeholder="密码">
                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                    </div>
                    <div class="row">
                        <div class="col-xs-8">
                            <div class="checkbox icheck">
                                <label>
                                    <input type="checkbox"> 记住我
                                </label>
                            </div>
                        </div>
                        <!-- /.col -->
                        <div class="col-xs-4">
                            <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                        </div>
                        <!-- /.col -->
                    </div>
                </form>
        </div>
        <!-- /.login-box-body -->
    </div>
    <!-- /.login-box -->

    <script src="~/lib/jquery/jquery.min.js"></script>
    <script src="~/lib/twitter-bootstrap/js/bootstrap.min.js"></script>
    <script src="~/lib/iCheck/icheck.min.js"></script>

    <script>
        $(function () {
            $('input').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass: 'iradio_square-blue',
                increaseArea: '20%' // optional
            });
        });
    </script>
</body>
</html>